$fontSize: 28rpx;
$grey: #eeeeee;
$pageBg: #f8f8f8;
$borderBg: #eeeeee;
$blackColor: #333333;
$greyColor: #666666;
$lightGreyColor: #999999;
$eightyGreyColor: #cccccc;
// $redColor: #ff293b;
$redColor: #fb0208;
$themeColor: #fb6049; //主要颜色 // 需要时更改
$pinkColor: #fcc9ac;
$goldenColor: #f0ad4e;
$whiteColor: #fff4fb;

@mixin width($width: 100%) {
	width: $width
}

@mixin widthHeight($width,$height: $width) {
	width: $width;
	height: $height
}

@mixin margin($margin,$marginType: 'margin') {
	@if $marginType == 'margin'{
		#{$marginType}: $margin
	}
	@else {
		margin-#{$marginType}: $margin
	}
}

@mixin padding($padding,$paddingType: 'padding') {
	@if $paddingType == 'padding'{
		#{$paddingType}: $padding
	}
	@else {
		padding-#{$paddingType}: $padding
	}
	box-sizing: border-box;
}

@mixin height($height) {
	height: $height;
	line-height: $height;
}

@mixin line-height($line-height: 30rpx) {
	line-height: $line-height;
	word-wrap: break-word;
}


@mixin rgba ($color: #000000,$alpha: 0.1){
	background: rgba($color: $color, $alpha: $alpha);
}

@mixin borderR($borderR){
	border-radius: $borderR;
}

@mixin text-align($align: center) {
	text-align: $align;
}

@mixin flex-align-justify($align-items: center,$justify-content: center) {
	align-items: $align-items;
	justify-content: $justify-content;
}

@mixin justify-content($type: 'c') {
	@if $type == 'c'{
		justify-content: center;
	}
	@else if $type == 's'{
		justify-content: flex-start;
	}
	@else if $type == 'e' {
		justify-content: flex-end;
	}
	@else if $type == 'a' {
		justify-content: space-around;
	}
	@else if $type == 'b' {
		justify-content: space-between;
	}
}

@mixin font($font: $fontSize,$color: ''){
	font-size: $font;
	@if $color != ''{
		color: $color;
	}
}

@mixin border($width,$color,$borderType: 'border') {
	@if $borderType == 'border'{
		#{$borderType}: $width solid $color
	}
	@else {
		border-#{$borderType}: $width solid $color
	}
}

@mixin backG($background: white,$color: $blackColor) {
	background: $background;
	color: $color;
}